(function(){
    //判断用户是否登陆
    $(function(){
        let obj=JSON.parse(sessionStorage.getItem("ouser"))||{}
        if(obj.u_name){
            //修改登陆人信息
           $(".h-right").children().eq(1).children().eq(0).text(obj.u_name)
           


        }else{
            location="land.html"
        }
    })
    //获取数据库的数据
    $(function(){
         //头部购物车数量
        

        

        let obj=JSON.parse(sessionStorage.getItem("ouser"))||{}
        let oUer={
            uid:obj.u_id
        }
        $.ajax({
            url:"./goods/search",
            type:"get",
            data:oUer
        }).then(function(res){
            var {msg,code,data}=res
            console.log(data);
            //将商品信息存入sessinStorage
            sessionStorage.setItem("pCars",JSON.stringify(data))
            var str=``

            data.forEach(item=>{
                let sizi=item.c_size.split("")
                    sizi="箱*"+sizi.pop()
                str+=`
                <tr>
                    <td  width="35px"><input type="checkbox" name="" id="check2"></td>
                    <td width="120px"><img src="${item.c_img}" alt=""></td>
                    <td width="203px">${item.c_name}</td>
                    <td width="60px">爱马斯</td>
                    <td width="120px">TLFGWC42100</td>
                    <td width="120px">${sizi}</td>
                    <td width="60px"></td>
                    <td width="120px">￥<span>${item.c_price}</span></td>
                    <td width="120px"><span class="leftmin">-</span ><input type="number" name="" id="" class="numbre" value="${item.c_num}" min="0" step="0.1"><span class="rightmax">+</span></td>
                    <td width="120px">￥<span class="pric">${(item.c_total*10).toFixed(2)}</span></td>
                    <td width="120px" class="dele4" > 
                        <span class="dele">删除</span><br>
                        <span >移入收藏夹</span>
                    </td>
                </tr>
                `
            })
            $(".car-tbody2").children().append(str)

            $(".h-right").children().eq(4).children().eq(1).text(data.length)
            
        })









    })
    $(function(){
        //右边盖楼层效果
        //右边的楼层，鼠标移出移出
        $(".conele li").on("mouseenter",function(){
            $(this).css({
                background:"#3485fb",
                color:"#fff"
            }).siblings().css({
                background:"#fff",
                color:"#3485fb"
            })
            $(this).find(".ele-text").show().end().siblings().find(".ele-text").hide()
        }).on("mouseleave",function(){
            $(this).css({
                background:"#fff",
                color:"#3485fb"
            })
            $(this).find(".ele-text").hide()
        }) 
        //返回顶部
        $(".toTop").on("click", function () {
            //注意! 回到顶部
            $("html,body").animate({
                scrollTop: 0
            })
        })

        //鼠标移入移出nav的效果
        $(".con-nlist .nav-min").on("mouseenter",function(){
            $(this).css({
                color:"#3399cc"
            })
        }).on("mouseleave",function(){
            $(this).css({
                color:"#000"
            })
        })

        //点击全选的效果
        $('[name="all"]').on("click",function(){
            //所有商品选中
            $('[type="checkbox"]').prop("checked",$(this).prop("checked"))
            




        })
        //点击满,全选亮
        $(".car-tbody2 :checkbox").click(function(){
            var count=$(".car-tbody2 :checkbox").length
            var cbcount=$(".car-tbody2 :checkbox:checked").length
            $('[name="all"]').prop("checked",count==cbcount)
        })




        //使用时间委托点击数量加加减减
        $(".car-tbody2").on("click",".leftmin",function(){
           
            var $value= $(this).parents("tr").find('[type="number"]').val()-0.1
             if($value<=0.1){
                 $value=0.1
             }
             $(this).parents("tr").find('[type="number"]').val(($value).toFixed(1))
             //单价
             var $Price=$(this).parents("td").prev().children("span").text()
             //数量
             var $num=$(this).parents("tr").find('[type="number"]').val()*10
            //  ￥<span class="pric">${($Price*$num).toFixed(2)}</span>
             $(this).parents("td").next().html(` <td width="120px">￥<span class="pric">${($Price*$num).toFixed(2)}</span></td>`)

             //获取sessionstrogea的数据
             let oCar=JSON.parse(sessionStorage.getItem("pCars"))||{}
            //获取点击的商品的下标
             let $index=$(this).parents("tr").index()
             //通过下标获取商品的cid

             let oPum={
                pnum:$num/10,
                cid:oCar[$index].c_id
             }
             $.ajax({
                url:"./goods/update",
                type:"post",
                data:oPum
            }).then(function(res){
                var {msg,code}=res
            })


            var sun=0
            Array.from($(".car-tbody2 :checkbox:checked").parents("tr")).forEach(item => {
                var $toocl = $(item).find("[type='number']").val()
                    sun += parseFloat($toocl)
            });
            $(".msg").text(sun)
            
            //价钱
            var Prices=0
            
            Array.from($(".car-tbody2 :checkbox:checked").parents("tr")).forEach(item => {
                var $toocls = $(item).find(".pric").text()
                Prices += parseFloat($toocls)
                console.log(item);
            });
            $(".msg2").find("span").text(Prices)





        })
        // $(".leftmin").on("click",function(){
        //     console.log(123);
        //     var $value= $(this).parents("tr").find('[type="number"]').val()-0.1
        //      if($value<=0.1){
        //          $value=0.1
        //      }
        //      $(this).parents("tr").find('[type="number"]').val(($value).toFixed(1))
        //      //单价
        //      var $Price=$(this).parents("td").prev().children("span").text()
        //      //数量
        //      var $num=$(this).parents("tr").find('[type="number"]').val()*10
        //      $(this).parents("td").next().text(`￥${($Price*$num).toFixed(2)}`)
         
        //  })
         var $Price=0
         var $num=0
         $(".car-tbody2").on("click",".rightmax",function(){
            var $value= parseFloat($(this).parents("tr").find('[type="number"]').val())+0.1
            $(this).parents("tr").find('[type="number"]').val(($value).toFixed(1))
             //单价
            $Price=$(this).parents("td").prev().children("span").text()
           //数量
            $num=$(this).parents("tr").find('[type="number"]').val()*10
            
            $(this).parents("td").next().html(`￥<span class="pric">${($Price*$num).toFixed(2)}</span>`)
    

            //获取sessionstrogea的数据
            let oCar=JSON.parse(sessionStorage.getItem("pCars"))||{}
            //获取点击的商品的下标
             let $index=$(this).parents("tr").index()
             //通过下标获取商品的cid

             let oPum={
                pnum:$num/10,
                cid:oCar[$index].c_id
             }
             $.ajax({
                url:"./goods/update",
                type:"post",
                data:oPum
            }).then(function(res){
                var {msg,code}=res
            })




            var sun=0
            Array.from($(".car-tbody2 :checkbox:checked").parents("tr")).forEach(item => {
                var $toocl = $(item).find("[type='number']").val()
                    sun += parseFloat($toocl)
            });
            $(".msg").text(sun)
            
            //价钱
            var Prices=0
            
            Array.from($(".car-tbody2 :checkbox:checked").parents("tr")).forEach(item => {
                var $toocls = $(item).find(".pric").text()
                Prices += parseFloat($toocls)
                console.log(item);
            });
            $(".msg2").find("span").text(Prices)


         })
        //  $(".rightmax").on("click",function(){
        //      var $value= parseFloat($(this).parents("tr").find('[type="number"]').val())+0.1
        //       $(this).parents("tr").find('[type="number"]').val(($value).toFixed(1))
        //        //单价
        //       $Price=$(this).parents("td").prev().children("span").text()
        //      //数量
        //       $num=$(this).parents("tr").find('[type="number"]').val()*10
              
        //       $(this).parents("td").next().html(`￥<span class="pric">${($Price*$num).toFixed(2)}</span>`)
      
        //      })


         $(".cartTable").on("click",'[type="checkbox"]',function(){
            if(!($(this).prop("checked"))){
                $(".msg1").text(0)
                $(".msg").text(0)
                $(".msg2").find("span").text(0)
                return
            }
            //种类
            $(".msg1").text($(".car-tbody2 :checkbox:checked").length)
            //数量
            var sun=0
            Array.from($(".car-tbody2 :checkbox:checked").parents("tr")).forEach(item => {
                var $toocl = $(item).find("[type='number']").val()
                    sun += parseFloat($toocl)
            });
            $(".msg").text(sun)
            
            //价钱
            var Prices=0
            Array.from($(".car-tbody2 :checkbox:checked").parents("tr")).forEach(item => {
                var $toocls = $(item).find(".pric").text()
                Prices += parseFloat($toocls)
            });
            console.log(Prices);
            $(".msg2").find("span").text(Prices)





         })
        //修改页面上的选中数量
        // $('[type="checkbox"]').on("click",function(){
           
        //     if(!($(this).prop("checked"))){
        //         $(".msg1").text(0)
        //         $(".msg").text(0)
        //         $(".msg2").find("span").text(0)
        //         return
        //     }
        //     //种类
        //     $(".msg1").text($(".car-tbody2 :checkbox:checked").length)
        //     //数量
        //     var sun=0
        //     Array.from($(".car-tbody2 :checkbox:checked").parents("tr")).forEach(item => {
        //         var $toocl = $(item).find("[type='number']").val()
        //             sun += parseFloat($toocl)
        //     });
        //     $(".msg").text(sun)
            
        //     //价钱
        //     var Prices=0
        //     Array.from($(".car-tbody2 :checkbox:checked").parents("tr")).forEach(item => {
        //         var $toocls = $(item).find(".pric").text()
        //         Prices += parseFloat($toocls)
        //     });
        //     console.log(Prices);
        //     $(".msg2").find("span").text(Prices)








            
        // })
        

         //鼠标移入移出变色的效果
         $(".car-mode>span").on("mouseenter",function(){
             $(this).css({
                 color:"#33a6db"
             })
         }).on("mouseleave",function(){
            $(this).css({
                color:"#333333"
            })
         })
         $(".spacebox").on("mouseenter",function(){
            $(this).css({
                color:"#33a6db"
            })
        }).on("mouseleave",function(){
           $(this).css({
               color:"#333333"
           })
        })
        $(".msg2").on("mouseenter",function(){
            $(this).css({
                color:"#33a6db"
            })
        }).on("mouseleave",function(){
           $(this).css({
               color:"red"
           })
        })
        $('[value="继续购物"]').on("mouseenter",function(){
            $(this).css({
                color:"#fff",
                background:"#e50000"
            })
        }).on("mouseleave",function(){
           $(this).css({
            color:"#e50000",
            background:"#fff"
           })
        })
        //使用时间委托进行鼠标移入移出事件
        $(".car-tbody2").on("mouseenter",".dele4 span",function(){
            $(this).css({
                color:"#33a6db",
            })
        }).on("mouseleave",".dele4 span",function(){
            $(this).css({
             color:"#999999",
            })
         })



        // $('.dele4 span').on("mouseenter",function(){
        //     $(this).css({
        //         color:"#33a6db",
        //     })
        // }).on("mouseleave",function(){
        //    $(this).css({
        //     color:"#999999",
        //    })
        // })
          
        //点击继续购物,跳转主页
        $('[value="继续购物"]').on("click",function(){
            location="index.html"
        })



        //删除商品
        $(".car-tbody2").on("click",".dele4 .dele",function(){
            if(!(confirm("确定要删除货品吗?"))){
                return false
            }

           //获取sessionstrogea的数据
           let oCar=JSON.parse(sessionStorage.getItem("pCars"))||{}
           //获取点击的商品的下标
            let $index=$(this).parents("tr").index()
            //通过下标获取商品的cid

            let oPum={
               cid:oCar[$index].c_id
            }
            console.log(oPum);
            $.ajax({
               url:"./goods/delete",
               type:"post",
               data:oPum
           }).then(function(res){
               var {msg,code}=res
               console.log(res);
              
           })

           $(this).parents("tr").remove()
           $(".h-right").children().eq(4).children().eq(1).text( $(this).parents("tbody").children().length)
          

        })


       









    })























})()